# Toggle Group

<Subtitle>Provides a shared state to a series of toggle buttons.</Subtitle>
<Meta
  name="description"
  content="A high-quality, unstyled React toggle group component that provides shared state to a series of toggle buttons."
/>

import { DemoToggleGroupHero } from './demos/hero';

<DemoToggleGroupHero />

## Anatomy

Import the component and use it as a single part:

```jsx title="Anatomy"
import { ToggleGroup } from '@base-ui-components/react/toggle-group';

<ToggleGroup />;
```

## API reference

<Reference component="ToggleGroup" />
